<!-- playground-fold -->
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Sample</title>
</head>

<body style="background-color: var(--sapBackgroundColor); height: 350px">
	<!-- playground-fold-end -->
		<ui5-search id="filtering" show-clear-icon placeholder="Start typing ...">
			<ui5-search-message-area slot="messageArea" description="Search for example “All my open Objects”" text="Try This!"></ui5-search-message-area>
			<ui5-button design="Transparent" slot="action">Show all search results</ui5-button>
		</ui5-search>
	</div>
	<!-- playground-fold -->
	<script type="module" src="main.js"></script>
</body>

</html>
<!-- playground-fold-end -->
